<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>美策服务平台</title>
    <link rel="shortcut icon" href="../../imgs/common/logo.png">
    <link rel="stylesheet" href="../../css/common/common.css">
    <link rel="stylesheet" href="../../css/login/index.css">
</head>
<body>
    <div class="common login" id="forgetBox">
        <cm-header :login=false></cm-header>
        <div class="section">
            <div class="frame">
                <div class="frame-type">
                    <span :class="">密码重置</span>
                </div>
                <form class="frame-content">
                    <input class="input-button" type="tel" v-model="phone" placeholder="请输入您的手机号" />
                    <input class="input-button" type="password" v-model="password" placeholder="请输入您的密码" />
                    <div class="code">
                        <input class="" type="text" v-model="code" placeholder="请输入您的验证码" />
                        <button class="btn" :class="[codeBtnClass]"  type="button" @click="onGetCode">{{codeTextFun}}</button>
                    </div>

                    <div class="forget-btns">
                        <button class="btn btn-save btns" type="button" @click="onBack">返回</button>
                        <button class="btn btn-primary btns" type="button" @click="onReset">重置</button>
                    </div>
                    <p v-if="!isCheck" style="margin-top: 5px;font-size: 18px;color: red;">验证码不正确</p>
                </form>
            </div>
        </div>
        <footer></footer>
    </div>
    <script src="../../js/common/jquery-1.8.3.min.js"></script>
    <script src="../../js/common/vue_2.5.13.js"></script>
    <script src="../../js/app.js"></script>
    <script src="../../js/components/header.js"></script>
    <script src="../../js/login/forget.js"></script>
</body>
</html>